/*
 * @Author: 松鼠岭
 * @Date: 2017-10-25 14:41:24
 * @Last Modified by: 松鼠岭
 * @Last Modified time: 2018-04-03 12:05:15
 */

@charset "utf-8";
/* CSS Document */

/* 首页 - 开始 */


.banner{
    width: 100%;
}

.banner img{
    display: block;
    width: 100%;
}

.notice{
    position: relative;
    z-index: 1;
    height: 50px;
    margin:-25px 10px 10px;
    background-color: #fff;
    border-radius: 4px;
    overflow: hidden;
    -moz-box-shadow: 0 0 5px rgba(152,152,152,.2);
    box-shadow: 0 0 5px rgba(152,152,152,.2);
}

.notice .msg{
    float: left;
    padding-left: 30px;
    font-size: 16px;
    line-height: 50px;
    font-weight: normal;
    color: #d75d5c;
    background-image: url(../images/horn.png);
    background-repeat: no-repeat;
    background-size: auto 14px;
    background-position: 8px center;
}


.notice .top-rolling {
    float: left;
    margin-top: 10px;
    width: calc(100% - 120px);
    height: 30px;
    overflow: hidden;
}

.notice .top-rolling li {
    height: 30px;
    font-size: 16px;
    line-height: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.notice .top-rolling li a{
    color: #4e4e4e;
}

.index_main{
    position: relative;
    margin: 0 10px 10px;
    border-radius: 4px;
    overflow: hidden;
    -moz-box-shadow: 0 0 5px rgba(152,152,152,.2);
    box-shadow: 0 0 5px rgba(152,152,152,.2);
}

.index_main .img1{
    display: block;
    width: 100%;
}

.index_main .name{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 34px;
    padding: 0 10px;
    font-size: 16px;
    line-height: 34px;
    color: #797979;
    background-color: rgba(255, 255, 255, .9);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}


/* 首页 - 结束 */

/* 相册 - 开始 */

.photo_editor_btn{
    width: 100%;
    padding-bottom: 40px;
}

.photo_editor_btn .a1{
    display: block;
    width: 50%;
    height: 40px;
    margin: 10px auto 0;
    font-size: 18px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    border-radius: 5px;
}

.photo_editor_btn .a1.next{
    background-color: #fb5d5a;
}

.photo_editor_btn .a1.share{
    background-color: #ffb147;
}

.photo_editor_btn .a1.share span{
    padding-left: 22px;
    background-image: url(../images/share.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto 16px;
}


.img_operation{
    width: 100%;
    margin: 20px auto;
}

.img_operation li{
    float: left;
    width: 25%;
    font-size: 16px;
    text-align: center;
}

.img_operation li a{
    display: block;
}

.img_operation li i{
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 auto 4px;
    background-repeat: no-repeat;
    background-size: 30px 30px;
    background-position: center center;
}

.img_operation li.replace i{
    background-image: url(../images/img_sl.png);
}
.img_operation li.rotating i{
    background-image: url(../images/rotating.png);
}
.img_operation li.flip_horizontal i{
    background-image: url(../images/flip.png);
    transform: rotateZ(90deg);
}
.img_operation li.flip_vertical i{
    background-image: url(../images/flip.png);
}


.img_operation li span{
    color: #828282;
}



/* 相册 - 结束 */
